---
type: tutorial
unitTitle: '안녕하세요!'
title: 첫 번째 Astro 블로그 만들기
sidebar:
  label: '튜토리얼: 블로그 만들기'
description: 프로젝트 기반 튜토리얼을 통해 Astro의 기초를 익히세요. 시작하는 데 필요한 모든 배경 지식을 제공합니다!
i18nReady: true
head:
  - tag: title
    content: 블로그 만들기 튜토리얼 | Docs
---
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import Lede from '~/components/tutorial/Lede.astro';

<Lede> 이 튜토리얼에서는 완전한 기능을 갖춘 블로그를 만들면서 Astro의 주요 기능들을 배웁니다! 🚀 </Lede>

튜토리얼을 진행하면서 다음을 수행합니다.
- 개발 환경 설정
- 페이지 및 블로그 게시물 생성
- Astro 컴포넌트를 사용하여 빌드
- 로컬 파일 쿼리 및 작업
- 사이트에 상호 작용 추가
- 사이트를 웹에 배포

빌드 결과를 미리 확인하고 싶나요? [GitHub](https://github.com/withastro/blog-tutorial-demo)에서 최종 프로젝트를 확인할 수 있으며, [IDX](https://idx.google.com/import?url=https:%2F%2Fgithub.com%2Fwithastro%2Fblog-tutorial-demo%2F)나 [StackBlitz](https://stackblitz.com/github/withastro/blog-tutorial-demo/tree/complete?file=src%2Fpages%2Findex.astro)와 같은 온라인 코딩 환경에서 작업 버전을 실행할 수도 있습니다.

:::note
미리 만들어진 사이트를 통해 Astro에 대해 알아보고 싶다면 [https://astro.new](https://astro.new)를 방문하여 시작 템플릿을 선택하세요. 그리고 온라인 에디터에서 템플릿을 열어 편집하세요.
::: 

<Box icon="check-list">
## 체크리스트

<Checklist>
- [ ] 훌륭해요! 시작할 준비가 되었어요!
</Checklist>
</Box>
